89:I[903690,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"ExplicitChatIdProvider"] 8a:I[838238,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"SWRDataProvider"] 8d:I[589831,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"TemplateImage"] 8e:I[507037,["/chat-static/_next/static/chunks/14o7mx00c0d_j.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/393dq-lwgv9wd.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0_iottws11i1k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1v3tu-ayeqrg_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/24itveg68o90k.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3cbx1w3tl_otg.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2_vvxgls65u3z.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3xsve9e9fxw9u.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/00hzog-_vfdpw.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ir8jf7_bfjoy.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kl3thuqyhpdu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3dh9b5rhes-_3.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2lpc1gu9jkwbr.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0iiz89c_kj-81.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qbqqz-30yf_e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/349enaxmn4q3i.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2oig3hoirmj64.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2nnss2enfb-e6.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3lm48l9jlz-7e.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ggwzd8njvoeu.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3kx42pcdprjxa.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0i5jiecfjfl78.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2iu_2gtqlb9fh.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ot6rcyapaof_.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ghp3isp5v37c.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/1yuyyo11mati5.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3_phzuami-4lq.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/328rgsa_b-s69.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2ffzcp23_gird.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3ahsd2taw-yce.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/3qfotjwoly3jt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/02pa31waoa745.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/20r8bqclcqlhz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0ite474mxrjfz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/0l0_hjemd4bbt.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2apqu_n39xv99.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw","/chat-static/_next/static/chunks/2xscq3zmksssz.js?dpl=dpl_GMRP853Eyza7gAQjb8mzmtcJYocw"],"PrefetchLinkAndRefreshOnHover"] 8b:T15b2,[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useRef, useLayoutEffect } from "react" import { gsap } from "gsap" import { ScrollTrigger } from "gsap/ScrollTrigger" // It's best practice to register GSAP plugins in a layout or provider // but for a single page component, we can do it here. gsap.registerPlugin(ScrollTrigger) export default function Home() { const component = useRef(null) const sectionsRef = useRef([]) const addToRefs = (el: HTMLElement) => { if (el && !sectionsRef.current.includes(el)) { sectionsRef.current.push(el) } } useLayoutEffect(() => { const ctx = gsap.context(() => { // --- SECTION 1: FADE AND SLIDE UP --- gsap.fromTo( sectionsRef.current[0].querySelectorAll("h1, p"), { opacity: 0, y: 50 }, { opacity: 1, y: 0, duration: 1, stagger: 0.2, scrollTrigger: { trigger: sectionsRef.current[0], start: "top center", toggleActions: "play none none reverse", }, }, ) // --- SECTION 2: SCALE AND FADE IN --- gsap.fromTo( sectionsRef.current[1].querySelectorAll("h1, p"), { opacity: 0, scale: 0.8 }, { opacity: 1, scale: 1, duration: 1, stagger: 0.2, scrollTrigger: { trigger: sectionsRef.current[1], start: "top center", toggleActions: "play none none reverse", }, }, ) // --- SECTION 3: SLIDE IN FROM SIDES --- gsap.fromTo( sectionsRef.current[2].querySelector("h1"), { opacity: 0, x: -100 }, { opacity: 1, x: 0, duration: 1, scrollTrigger: { trigger: sectionsRef.current[2], start: "top center", toggleActions: "play none none reverse", }, }, ) gsap.fromTo( sectionsRef.current[2].querySelector("p"), { opacity: 0, x: 100 }, { opacity: 1, x: 0, duration: 1, scrollTrigger: { trigger: sectionsRef.current[2], start: "top center", toggleActions: "play none none reverse", }, }, ) }, component) return () => ctx.revert() // cleanup }, []) return (

Creative Motion

Scroll down to experience animations that bring content to life, making every interaction memorable.

Engaging Stories

We use GSAP and ScrollTrigger to craft fluid, performant, and captivating web narratives.

Seamless Flow

Animations are precisely timed to your scroll, creating a seamless and intuitive user journey.

) } [V0_FILE]css:file="app/globals.css" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 40% 96.1%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96.1%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; --radius: 0.5rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 210 40% 98%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 212.7 26.8% 83.9%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; /* This helps with smooth scrolling, which can improve the feel of scroll-triggered animations */ scroll-behavior: smooth; } }7f:["$","$L89",null,{"chatId":"gPRLUFQVeNP","children":["$","$L8a",null,{"data":{"@\"active-block\",\"gPRLUFQVeNP\",":{"id":"b_fQX41xAiQqg","messageId":"sYQenbViVgJCgRelQxx10y5DmGI5TKc6","source":"$8b","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"gsap-scroll-animations","type":"code-project","project":"gsap-scroll-animations"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"gPRLUFQVeNP\",":false,"":null},"children":"$L8c"}]}] 83:["$","$L70","v9Hg1dBb5o3",{"value":{"fallback":{"template:v9Hg1dBb5o3:likes":{"likeCount":660,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L8d",null,{"index":0,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/screenshots/v9Hg1dBb5o3-lwCoO1sKwfOM4Ncli6yGOBqRy6wEMw.jpg","alt":"","templateCanonId":"v9Hg1dBb5o3","blockId":"b_vCjl2X1Qo6H"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L8e",null,{"href":"/templates/v9Hg1dBb5o3","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L8e",null,{"href":"/templates/v9Hg1dBb5o3","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L8e",null,{"href":"/templates/v9Hg1dBb5o3","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L75",null,{"teamId":"$undefined","authorId":"kKfuBXuc2NC3T9M6pjkdzR4q"}],["$","$L8e",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/v9Hg1dBb5o3","tabIndex":-1,"prefetch":false,"children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Cyberpunk dashboard design"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L8f"]}],"$L90","$L91"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More from emmartinzok

More Templates Like This